<?php

/* @var $this yii\web\View */

/* @var $form yii\bootstrap\ActiveForm */

use app\assets\BackendAsset as Asset;

Asset::addCss($this, '@web/css/view-css/login.css?v=0.0.1');
Asset::addCss($this, '@web/css/view-css/main.css');

?>
<div id="app" v-on:keyup.enter="login">
    <div class="login-wrap">

        <div class="s-nav">
            <el-row>
                <el-col :span="24">
                    <div class="logo">
                        <a href="/" class="logo__img">SIMBOSS</a>
                    </div>
                </el-col>
            </el-row>
        </div>

        <div class="title-nav">
            <el-row>
                <el-col :span="24">
                    <h1 class="login-title">欢迎登录</h1>
                </el-col>
            </el-row>
        </div>

        <div class="ms-login">
            <!-- <div class="ms-title">后台管理系统</div> -->
            <el-form :model="loginData" class="el-form ms-content" :rules="rules" ref="loginForm">
                <el-form-item class="el-form-item is-required el-form-item--small" prop="userName">
                    <div class="el-form-item__content" style="margin-left: 0px;">

                        <el-input placeholder="请输入账号" tabindex="1" v-model="loginData.userName" size="small">
                        </el-input>
                    </div>
                </el-form-item>
                <el-form-item class="el-form-item is-required el-form-item--small" prop="passWord">
                    <div class="el-form-item__content" style="margin-left: 0px;">

                        <el-input placeholder="请输入密码" tabindex="2" v-model="loginData.passWord" type="password"
                                  size="small">
                        </el-input>
                    </div>
                </el-form-item>
                <el-form-item class="login-btn">
                    <el-button @click.native="login" :loading="submitLoading" type="primary" size="medium">登录
                    </el-button>
                </el-form-item>

                <el-form-item class="sign__tip">
                    <span>没有账号?</span>
                    <a href="/register.html" class="sign__link sign__link--attention">立即注册 </a>
                    <!--                        <a href="/view/forget.jsp" class="sign__link"> 忘记密码?</a>-->
                </el-form-item>
            </el-form>
        </div>
    </div>
</div>

<?= Asset::addScript($this, "@web/js/view-js/login.js?v=0.0.2"); ?>
<?= $this->registerJs('
    var app = new login(baseParams);
');
?>
